<template>
<h1>属性绑定练习</h1>
  <input type="text" value="abc">
  <input type="text" value="info">
  <input type="text" v-bind:value="info">
  <input type="text" :value="info">
  <hr>
  <a :href="url">超链接</a>

</template>

<script setup>
import {ref} from "vue";

const info  = ref('属性绑定666')
const url = ref('https://www.baidu.com')
url.value = 'https://www.tmooc.cn'


</script>

<style scoped>

</style>